<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>新上线</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<!--meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page"-->
	
	<link rel="stylesheet" type="text/css" href="<%=path%>/resources/css/foreground.css">

    <script type="text/javascript"> 
    function selectTag(showContent,selfObj){ 
    var tag = document.getElementById("tags").getElementsByTagName("li"); 
    var taglength = tag.length; 
    for(i=0; i<taglength; i++){ 
    tag[i].className = ""; 
    } 
    selfObj.parentNode.className = "selectTag"; 
    // 操作内容 
    for(i=0; j=document.getElementById("tagContent"+i); i++){ 
    j.style.display = "none"; 
    } 
    document.getElementById(showContent).style.display = "block"; 
    } 
</script> 
    
  </head>
  
  <body>
  <div id="all">
  <jsp:include page="/common/foreg-head.jsp"></jsp:include>
   <div id="content">
      <div id="list1" style="margin-bottom:25px;">
           <ul id="tags" style="height:80px; margin-left:0px;">
           <li class="selectTag" style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent0',this)"><img src="<%=path%>/resources/images/list-1.png" /></a></li>
           <li style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent1',this)"><img src="<%=path%>/resources/images/list-2.png"/></a></li>
           <li style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent2',this)"><img src="<%=path%>/resources/images/list-3.png" /></a></li>
           <li style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent3',this)"><img src="<%=path%>/resources/images/list-4.png" /></a></li>
           <li style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent4',this)"><img src="<%=path%>/resources/images/list-5.png" /></a></li>
           <li style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent5',this)"><img src="<%=path%>/resources/images/list-6.png" /></a></li>
           <li style="width:100px;"><a href="javascript:void(0)" onclick="selectTag('tagContent6',this)"><img src="<%=path%>/resources/images/list-7.png" /></a></li>
           </ul>
      </div><!--end of list1-->
      <div id="tagContent" style="width:890px; height:520px;  margin:0; border:double 5px rgb(255,132,11);">
          <div id="tagContent0" class="tagContent selectTag" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0; padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi5.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi5.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi5.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi5.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent0-->
          <div id="tagContent1" class="tagContent" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0;  padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi6.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent1-->
          <div id="tagContent2" class="tagContent" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0; padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi7.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent2-->
          <div id="tagContent3" class="tagContent" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0; padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/yi8.png" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent3-->
          <div id="tagContent4" class="tagContent" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0; padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/shopimg.gif" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent4-->
          <div id="tagContent5" class="tagContent" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0; padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/wo-clothes.gif" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent5-->
          <div id="tagContent6" class="tagContent" style="width:890px; height:500px; float:left">
              <ul style="border-bottom:#F60; height:auto; width:850px; margin:0; padding:10px; margin-bottom:15px;">
                <li style="width:400px; height:220px;">
                  <table class="classifytable" style="width:400px; height:220px;">
                    <tr>
                      <td align="center"><a href="#"><img src="<%=path%>/photos/goods/wo-trou.gif" width="150px" height="200px"  /></a></td>
                      <td align="center"><span>店铺详情：蒙蒙格子铺<br /><br />信誉：*****<br /><br /></span>
                       </td>
                    </tr>
                  </table>
                </li>
             </ul>
          </div><!--end of tagContent6-->
      </div><!--end of tagContent-->
</div><!--end of conent-->
<jsp:include page="/common/foreg-foot.jsp"></jsp:include>
</div>
  </body>
</html>
